﻿<!DOCTYPE html>
<html>
<head>
    <title>选择时间</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--bootstrap-->
    <script src="js/jquery-2.1.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <!--字体-->
    <link rel="stylesheet" type="text/css" href="css/font.css"/>
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
    <!--设置头部-->
    <link type="text/css" rel="stylesheet" href="css/jquery.mmenu.all.css" />
    <link type="text/css" rel="stylesheet" href="css/common.css">
    <script type="text/javascript" src="js/jquery.mmenu.min.all.js"></script>
    <link type="text/css" rel="stylesheet" href="css/static.css">
    <link type="text/css" rel="stylesheet" href="css/login.css">
    <!--日期输入框-->
    <script src="js/bootstrap-datepicker.js"></script>
    <script src="js/locales/bootstrap-datepicker.zh-CN.js"></script>
    <link rel="stylesheet" type="text/css" href="css/bootstrap-datepicker.min.css">
    <script src="js/m_supply.js"></script><!--用来设置时间的格式，和获取时间-->

</head>
<body>

<div class="head">
    <div class="header">
        <a href="#menu" class="header-a"><i class="fa fa-reorder head-style"></i></a>
        <span class="header-word">选择时间</span>
        <a href="${ctx }/customer/toIndex"><i class="fa fa-home head-style home-style"></i></a>
    </div>

    <nav id="menu">
        <ul>
            <li class="menu-li-head"><a href="hotel.html">酒店入住 <i class="fa fa-angle-double-right"></i></a></li>
            <li class="menu-li-head"><a href="${ctx }/customer/perfectInformation">完善信息 <i class="fa fa-angle-double-right"></i></a></li>
            <li class="menu-li-head"><a href="hotel.html">房间管理 <i class="fa fa-angle-double-right"></i></a></li>
            <li class="menu-li-head"><a href="groom.html">猜你喜欢 <i class="fa fa-angle-double-right"></i></a></li>
            <li class="menu-li-head"><a href="restaurant.html">餐馆美食 <i class="fa fa-angle-double-right"></i></a></li>
            <li class="menu-li-head"><a href="visiting.html">游玩攻略 <i class="fa fa-angle-double-right"></i></a></li>
            <li class="menu-li-head"><a href="traffic.html">交通指南 <i class="fa fa-angle-double-right"></i></a></li>
            <li class="menu-li-head"><a href="aboutus.html">关于我们 <i class="fa fa-angle-double-right"></i></a></li>
        </ul>
    </nav>

</div>

<div class="content">
    <!--<h3>日期输入框</h3>-->
    <div class="date_leave">
        <span class="leave_word">入住时间：</span>
        <div class="date_leave_input">
            <!--选择日期使用了datepicker插件-->
            <input type="text" placeholder="点击输入日期" readonly class="input-date-sp">
        </div>
    </div>
    <div class="date_leave">
        <span class="leave_word">离开时间：</span>
        <div class="date_leave_input">
            <!--选择日期使用了datepicker插件-->
            <input type="text" placeholder="点击输入日期" readonly class="input-date-sp">
        </div>
    </div>
    <div class="control-group next_step  choose-room-next-step">
        <button class="login-now"><a href="orderstep1.html" class="next_step_color">下一步</a></button>
    </div>

</div>

<div class="footer">
    <p class="footer-bottom">
        <a href="${ctx }/customer/toIndex">首页</a>
        <span class="footer_vertical_line">|</span>
        <a href="groom.html">推荐</a>
        <span class="footer_vertical_line">|</span>
        <a href="management.html">管理</a>
        <span class="footer_vertical_line">|</span>
        <a href="aboutus.html">我们团队</a>

    </p>

</div>
<script>
    //在是IPhone5的时候隐藏码先生
    window.onload = function()
    {
        var pheight= document.documentElement.clientHeight;
        if(pheight<=600){
            $(".footer-top").hide();
        }
    }
    //设置侧边栏
    $(function() {
        $('nav#menu').mmenu({
            extensions	: [ 'effect-slide-menu', 'pageshadow' ],
            searchfield	: true,
            counters	: true,
            navbars		: [
                {
                    position	: 'top'
                }, {
                    position	: 'bottom',
                    content		: [ '<a href="http://mmenu.frebsite.nl">Visit website</a>' ]
                }
            ]
        });
    });
    $(function(){
        $(".mm-search").remove();
        $(".mm-title").text("首页");
        $(".mm-navbar-bottom").hide();
    });
</script>
</body>
</html>